<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
    <title>Insert title here</title>
    <link rel="stylesheet" href="../Resource/layui/css/layui.css">
    <script src="../Resource/layui/layui.js"></script>
    <script src="../Resource/jquery-3.3.1.js"></script>
    <style>
        .white{
            color:white;
        }
        body{
            background:url("./Resource/image/bg.jpg");
        }
    </style>
</head>
<body>
<div style="width:400px;height:475px;background:rgba(200,200,200,0.5);border-radius:15px;margin-left:910px;margin-top:125px;">
    <form class="layui-form" action="./login" method="post" name="formDemo">
        <center>
            <br/><br/>
            <h1 style="font-family: 幼圆;color:white">用户登录</h1>
            <br/><br/><br/>
            <div class="layui-form-item">
                <label class="layui-form-label">账号：</label>
                <div class="layui-input-inline">
                    <input style="width:250px;" type="text" name="caccount" required  lay-verify="required" placeholder="请输入账号" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">密码：</label>
                <div class="layui-input-inline">
                    <input style="width:250px;" type="password" name="cpassword" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
                </div>
            </div>
            <br/>
            <div class="layui-input-inline">
                <input style="width:220px;background:url(bg2.jpeg)" class="layui-btn layui-btn-radius" type="submit" value="登录"/>
            </div>

            <br/></br></br></br>
            社交账号登录&nbsp;&nbsp;
            <i class="layui-icon seraph" style="font-size: 25px;">&#xe676;</i>
            <i class="layui-icon seraph" style="font-size: 25px;">&#xe677;</i>
            <i class="layui-icon seraph" style="font-size: 25px;">&#xe675;</i>
        </center>
    </form>
</div>
</body>
</html>